<style scoped>
.payit{ margin: 3rem auto; display: block; width: 80%}
</style>
<template>
  <div>
  	 <mt-header fixed title="趣美钱包"></mt-header>
     <mt-cell title="商品信息" value="必胜客豪华套餐" style=" margin-top:40px"></mt-cell>
     <mt-cell title="需付金额" value="10元" ></mt-cell>
     <mt-cell title="账户余额" value="100元" ></mt-cell>
     <mt-field label="密码" placeholder="请输入支付密码" type="password"></mt-field>
     <mt-button type="primary" class="payit">确认支付</mt-button>
  </div>
  
  
</template>
<script>
import { Header,Cell,Button,Field } from 'mint-ui';
export default {
    data() {
        return {
           
       }
    },
    components: {
       [Header.name]: Header,
       [Cell.name]: Cell,
       [Button.name]: Button,
       [Field.name]: Field
    },
    created:function(){
        document.title="趣美钱包"  
    },
    methods :{
     
    },
    
  }
</script>
